<template>
<div class="container">
    <div class="S_header"></div>
    <div class="S_main">
        <div class="layout-4">
            <el-row>
                <h2 class="title">投递过的简历</h2>
                <el-table :data="tableData" border  >
                    <el-table-column prop="post" label="职位名称" ></el-table-column>
                    <el-table-column prop="company" label="公司名称" ></el-table-column>
                    <el-table-column prop="time" label="投递时间" ></el-table-column>
                    <el-table-column prop="state" label="状态" ></el-table-column>
                    <el-table-column prop="submit" width="150" label="简历投递">
                        <el-button @click="todi"  size="small">再次投递</el-button>
                    </el-table-column>
                </el-table>
            </el-row>
            <div class="page1">
                <ul>
                    <li><el-button >下一页</el-button></li>
                    <li><el-button>上一页</el-button></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="S_footer"></div>
</div>
</template>

<script>
  export default {
    name:'S_resume',
    methods: {
         todi(){
             alert('投递成功')
         },
    },
    data() {
      return {
        tableData: [{
          post: 'IOS开发',
          company:'北京某某公司',
          time:'2012-12-01',
          state:'未查看',
          submit:'',
          zip: 200333
        }, {
          post: 'IOS开发',
          company:'北京某某公司',
          time:'2012-12-01',
          state:'查看',
          submit:'',
          zip: 200333
        }, {
          post: '前端开发',
          company:'北京某某公司',
          time:'2012-12-01',
          state:'查看',
          submit:'',
          zip: 200333
        }]
      }
    }
}

</script>

<style lang="scss">
.container {
    width: 100%;
    margin: 0 auto;
}
.S_header {
    width: 1050px;
    height: 65px;
    // border: 1px solid red; 
}
.S_main  {
    width: 1050px;
    height: 460px;
    text-align: center;
    margin: 0 auto;
}

.S_main .layout-4{
    width: 1050px;
    height: 400px;
    text-align: center;
    display: inline-block;
} 
.S_main .layout-4 .add{
    float: left;
    z-index: 1;
    margin:0px 135px;
}
.S_main .layout-4 .title{
    margin: 30px 90px 10px 0px;
}
.S_main .layout-4 .el-table{
    width: 80%;
    display: inline-block;
}
.S_footer{
    width: 1050px;
}
.page1 ul>li{
    list-style-type: none;
    float: right;
    margin: 10px 105px 10px -70px;
}
</style>
